<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
         <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
           <%@taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<base href="<%=request.getContextPath()%>/">
		<link rel="stylesheet" type="text/css" href="css/room.css"/>
		<script src="js/public/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/private/stu.js" type="text/javascript" charset="utf-8"></script>
		<style>
			tr td{
				text-align: center;
			}
		</style>
	</head>
	<body>
			<div class="room-list">
			<table border="" cellspacing="" cellpadding="" width="100%" id="tab">
				<tr id="tit">
					<th>学生姓名</th>
					<th>性别</th>
					<th>班级</th>
					<th>所在房间</th>
					<th>联系电话</th>
					<th></th>
				</tr>
				<!-- <tr>
					<td>${stu.sname }</td>
					<td>
					<c:if test="${stu.sex eq 0}">
					女
					</c:if>
					<c:if test="${stu.sex eq 1}">
					男
					</c:if>
					</td>
					<td>${stu.clazz.cname }</td>
					<td>${stu.room.address }</td>
					<td>${stu.tel}</td>
					<td><input type="radio" name="select-room" value="${stu.id}" /></td>
					
				</tr> -->
			</table>
		</div>
		<div class='page' id="pages">
		
			<div class='page-item first' id='first'></div>
		
			<div class='page-item prev' id='prev'></div>
			
			<div class='page-item' id='mid'></div>
			<div class='page-item next' id='next'></div>
			<div class='page-item last' id='last'></div>
		</div>
		<div class="op">
		<shiro:hasAnyRoles name="admin,teacher">
			<button type="button" id="addstu">学生入住</button>
			<button type="button" class="del" id="delstu">学生退房</button><br><br>
			<button type="button" id="changeroom">学生换房</button>
			
			<button type="button" class="find" id="selectm">学生详细信息</button>
			</shiro:hasAnyRoles>
		</div>
		<div class="find-room">
			<table border="1px" cellspacing="0px" cellpadding="0px" width="100%" height="100%">
			<tr>
		        <th colspan="4">学生信息查询</th>
			 </tr>
				<tr>
					<td>学生姓名</td>
					<td><input type="text" value="" id="sname"/></td>
					<td>班级</td>
					<td>
					<select id="cla">
					
					</select>
					</td>
				</tr>
				<tr>
					<td>所在房间</td>
					<td>
					<select id="room">
					
					</select>
					</td>
				</tr>
				<tr>
					<td colspan="4"><input type="button" name="" id="findStudents" value="查询" /></td>
					
				</tr>
			</table>
		</div>
	</body>
	<script type="text/javascript">
	$(function(){
		var curPage=${param.curPage};
		//查询所有学生
		$.ajax({
			url:"stu/findAll",
			type:"get",
			data:{"curPage":curPage},
			success:function(data){
				$.each(data.data,function(index,val){
					//<th>学生姓名</th>
					//<th>性别</th>
					//<th>班级</th>
					//<th>所在房间</th>
					//<th></th>
//					<th>联系电话</th>
					var tr=$("<tr></tr>");
					var td1=$("<td></td>");
					td1.text(val.sname);
					var td2=$("<td></td>");
					if(val.sex==1){
					td2.text("男");
					}
					else if(val.sex==2){
						td2.text("女");
					}
					var td3=$("<td></td>");
					td3.text(val.clazz.cname);
					var td4=$("<td></td>");
					td4.text(val.room.address);
					var td5=$("<td></td>");
					td5.text(val.tel);
					var td6=$("<td></td>");
				//	<input type="radio" name="select-room" value="${stu.id}" />
				   var input=$("<input type='radio'/>");
				    input.val(val.id);
					td6.append(input);
					tr.append(td1);
					tr.append(td2);
					tr.append(td3);
					tr.append(td4);
					tr.append(td5);
					tr.append(td6);
					$("#tab").append(tr);
				});
				if(data.currentPage==1&&data.currentPage!=data.totalSize){
					$("#first").html("<a href="+data.url+"?curPage=1>首页</a>");

					$("#mid").html(data.currentPage+"/"+data.totalSize);
					$("#next").html("<a href="+data.url+"?curPage="+data.nextPage+">下一页</a>");
					$("#last").html("<a href="+data.url+"?curPage="+data.totalSize+">末页</a>");
					} if(data.currentPage==data.totalSize&&data.currentPage!=1){
						$("#last").html("<a href="+data.url+"?curPage="+data.totalSize+">末页</a>");
						$("#first").html("<a href="+data.url+"?curPage=1>首页</a>");
						$("#prev").html("<a href="+data.url+"?curPage="+data.prevPage+">上一页</a>");
						$("#mid").html(data.currentPage+"/"+data.totalSize);
					}if(data.currentPage!=1&&data.currentPage!=data.totalSize){
					$("#first").html("<a href="+data.url+"?curPage=1>首页</a>");
					$("#prev").html("<a href="+data.url+"?curPage="+data.prevPage+">上一页</a>");
					$("#mid").html(data.currentPage+"/"+data.totalSize);
					$("#next").html("<a href="+data.url+"?curPage="+data.nextPage+">下一页</a>");
					$("#last").html("<a href="+data.url+"?curPage="+data.totalSize+">末页</a>");
					}
					if(data.currentPage==1&&data.currentPage==data.totalSize){
						$("#first").html("<a href="+data.url+"?curPage=1>首页</a>");
						$("#mid").html(data.currentPage+"/"+data.totalSize);
						$("#last").html("<a href="+data.url+"?curPage="+data.totalSize+">末页</a>");
					}
			}
		});
		//查询所有房间
		$.ajax({
			url:"room/findAll",
			type:"get",
			success:function(data){
				$.each(data,function(index,val){
					var option=$("<option></option>");
					option.text(val.address);
					option.val(val.id);
					$("#room").append(option);
				})
				
			}
		});
		//查询所有班级
		$.ajax({
			url:"cla/findClasses",
			type:"get",
			dataType:"json",
			success:function(data){
				$.each(data,function(index,val){
					var option=$("<option></option>");
					option.text(val.cname);
					option.val(val.id);
					$("#cla").append(option);
				})
			}
		});
		//根据条件查询学生
		$("#findStudents").click(function(){
			//获取用户输入的学生信息
			var sname=$("#sname").val();
			var cid=$("#cla option:selected").val();
			var roomno=$("#room option:selected").val();
			if(typeof(sname)=="undefined"&&typeof(cid)=="undefined"&&typeof(roomno)=="undefined"){
				alert("学生信息至少填写一项");
				return;
			}
			$.ajax({
				url:"stu/findStudentByLimits",
				data:{"sname":sname,"cid":cid,"roomno":roomno,"curPage":1},
				type:"post",
				success:function(data){
					if(data.data.length==0){
						alert("无学生信息，请重新输入查询条件");
						return;
					}
					$.each(data.data,function(index,val){
						//<th>学生姓名</th>
						//<th>性别</th>
						//<th>班级</th>
						//<th>所在房间</th>
						//<th></th>
//						<th>联系电话</th>
						var tr=$("<tr></tr>");
						var td1=$("<td></td>");
						td1.text(val.sname);
						var td2=$("<td></td>");
						if(val.sex==1){
						td2.text("男");
						}
						else if(val.sex==2){
							td2.text("女");
						}
						var td3=$("<td></td>");
						td3.text(val.clazz.cname);
						var td4=$("<td></td>");
						td4.text(val.room.address);
						var td5=$("<td></td>");
						td5.text(val.tel);
						var td6=$("<td></td>");
					//	<input type="radio" name="select-room" value="${stu.id}" />
					   var input=$("<input type='radio'/>");
					    input.val(val.id);
						td6.append(input);
						tr.append(td1);
						tr.append(td2);
						tr.append(td3);
						tr.append(td4);
						tr.append(td5);
						tr.append(td6);
						if(index==0){
							$("#tab").html("<tr><th>学生姓名</th><th>性别</th><th>班级</th><th>所在房间</th><th>联系电话</th><th></th></tr>");
						}
							$("#tab").append(tr);
					});
					if(data.currentPage==1&&data.currentPage!=data.totalSize){
						$("#first").html("<a href="+data.url+"?curPage=1>首页</a>");

						$("#mid").html(data.currentPage+"/"+data.totalSize);
						$("#next").html("<a href="+data.url+"?curPage="+data.nextPage+">下一页</a>");
						$("#last").html("<a href="+data.url+"?curPage="+data.totalSize+">末页</a>");
						} if(data.currentPage==data.totalSize&&data.currentPage!=1){
							$("#last").html("<a href="+data.url+"?curPage="+data.totalSize+">末页</a>");
							$("#first").html("<a href="+data.url+"?curPage=1>首页</a>");
							$("#prev").html("<a href="+data.url+"?curPage="+data.prevPage+">上一页</a>");
							$("#mid").html(data.currentPage+"/"+data.totalSize);
						}if(data.currentPage!=1&&data.currentPage!=data.totalSize){
						$("#first").html("<a href="+data.url+"?curPage=1>首页</a>");
						$("#prev").html("<a href="+data.url+"?curPage="+data.prevPage+">上一页</a>");
						$("#mid").html(data.currentPage+"/"+data.totalSize);
						$("#next").html("<a href="+data.url+"?curPage="+data.nextPage+">下一页</a>");
						$("#last").html("<a href="+data.url+"?curPage="+data.totalSize+">末页</a>");
						}
						if(data.currentPage==1&&data.currentPage==data.totalSize){
							$("#first").html("<a href="+data.url+"?curPage=1>首页</a>");
							$("#mid").html(data.currentPage+"/"+data.totalSize);
							$("#last").html("<a href="+data.url+"?curPage="+data.totalSize+">末页</a>");
						}
				}
			
			});
		});
		
		$("#delstu").click(function(){
			var sid=$("input[type='radio']:checked").val();
			if(typeof(sid)=="undefined"){
				alert("请选择要退房的学生信息");
				return;
			}
			var isDel=confirm("确定退房?");
			if(isDel){
				//学生退房
			   $.ajax({
				   url:"stu/del",
				   type:"post",
				   data:{'id':sid},
				   success:function(data){
					   if(data==1){
						   alert("退房失败");
					   }else if(data==2){
						   alert("退房成功");
						   window.location.reload();
					   }
				   }
			   })
			}
		});
		
		
	})
	
	
	</script>
</html>
